@import url(color.less);
#product {
  > .product-list {
    > .media {
      padding: 10px;
      > .media-left {
        > a {
          > img {
            width: 99px;
            height: 100px;
          }
        }
      }
      > .media-body {
        position: relative;
        > .normal-info {
          font-size: 18px;

          > .product-name {
            color: #333333;
            height: 45px;
            display: block;
            overflow: hidden;
          }
          > .product-price {
            color: red;
          }
        }
        > .other-info {
          position: absolute;
          bottom: 10px;
          font-size: 12px;
          color: #a1a1a1;
          width: 100%;
          > .from-time {
          }
          > .comment {
            float: right;
            position: relative;
            width: 85px;
            text-align: right;
          }
        }
      }
    }
  }
  > .product-page {
    display: flex;
    text-align: center;
    background-color: #f2f2f2;
    padding: 10px;
    position: relative;
    >a {
      flex: 1;
      background-color: #ebebeb;
      color: #000;
      display: block;
      height: 30px;
      border-radius: 5px;
      line-height: 30px;
    }
    >div {
      flex: 1;
      >select{
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
      }
    }
  }
}